import { Input, Select, Button } from 'antd';
import React from 'react';

const SearchForm = () => {
  const data = [
    {
      value: '经办人',
      label: '经办人',
    },
    {
      value: '高秀文',
      label: '高秀文',
    },
    {
      value: 'disabled',
      label: 'disabled',
      disabled: true,
    },
    {
      value: '张三',
      label: '张三',
    },
  ];

  const typeData = [
    { value: '类型', label: '类型' },
    { value: 'task', label: 'task' },
    { value: 'bug', label: 'bug' },
  ];
  return (
    <div className='search_form_wrap'>
      <Input
        placeholder='任务名'
        className='search_form_input'
        style={{ width: 200 }}
      />
      <Select
        className='search_wrap_select'
        defaultValue={'经办人'}
        style={{ width: 120, fontSize: '16px', marginLeft: '15px' }}
        options={data}
      />
      <Select
        className='search_wrap_select'
        defaultValue={'类型'}
        style={{ width: 120, fontSize: '16px', marginLeft: '15px' }}
        options={typeData}
      />
      <Button>清除筛选器</Button>
    </div>
  );
};
export default SearchForm;
